<template>
  <div>
    <div class="questionnaire">
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <div class="clearfix questionnaire-header">
          <h3 class="fl questionnaire-h">位置：供应商管理--电子调查表</h3>

        </div>
        <div>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="基本信息" name="first">
             <div class="l-right">
               <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业全称*：" prop="cmpFulName">
                       <span>{{formInline.cmpFulName}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业类型*：" prop="attribute">
                        <span>{{formInline.attribute}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业性质*：" prop="cmpNature">
                        <span>{{formInline.cmpNature}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="成立年份*：" prop="foundedYear">
                        <span>{{formInline.foundedYear}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="注册资金(万元)*：" prop="registeredAssets">
                        <span>{{formInline.registeredAssets}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="企业法人*：" prop="corporation">
                        <span>{{formInline.corporation}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                </div>
                <div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="注册地址*：" prop="name">
                       
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item prop="addressDetail">
                        <span>{{formInline.addressDetail}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="邮编*：" prop="postCode">
                        <span>{{formInline.postCode}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                </div>
                <div>
               <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="公司地址*：" prop="address">
                    <span>{{formInline.address}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="供货区域*：" prop="supplyArea">
                    <span>{{formInline.address}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="主供品类*：" prop="offeringCode">
                    <span>{{formInline.offeringCode}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                </div>
                <div>
               <el-row>
                  <el-col :span="9">
                    <div class="grid-content">
                      <el-form-item label="厂房所有*：" prop="factoryType">
                        <span>{{formInline.factoryType}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="7">
                    <div class="grid-content">
                  <el-form-item label="厂房面积*：" prop="factoryArea">
                    <span>{{formInline.factoryArea}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="建筑面积*：" prop="buildArea">
                    <span>{{formInline.buildArea}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                </div>
                <div class="line"></div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="统一社会信用代码*：" prop="socialCreditCode">
                        <span>{{formInline.socialCreditCode}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="扫描件上传*：" prop="socialCreditCodeFile">
                          附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="是否能出口*：" prop="exitFlag">
                        <span>{{formInline.exitFlag}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="出口许可证*：" prop="name">
                        附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="保密协议*：" prop="name">
                        附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <div class="line"></div>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="公司网站*：" prop="companySite">
                        <span>{{formInline.companySite}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="公司电话*：" prop="tel">
                        <span>{{formInline.tel}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                      <div class="grid-content">
                      <el-form-item label="传真：" prop="faxNo">
                        <span>{{formInline.faxNo}}</span>
                      </el-form-item>
                      </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="联系人*：" prop="linkman">
                        <span>{{formInline.linkman}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="联系人手机*：" prop="mobilePhone">
                        <span>{{formInline.mobilePhone}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                      <div class="grid-content">
                      <el-form-item label="联系人邮箱*：" prop="email">
                        <span>{{formInline.email}}</span>
                      </el-form-item>
                      </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="grid-content">
                      <el-form-item label="是否有亲属在农夫山泉集团*：" :label-width="formLabelWidth" prop="relativeState">
                        <span>{{formInline.relativeState}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="12">
                    <div class="grid-content">
                      <el-form-item label="是否与农夫山泉集团是竞争关系*：" :label-width="formLabelWidth" prop="competeState">
                        <span>{{formInline.competeState}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
             </div>
            </el-tab-pane>

            <el-tab-pane label="财务信息" name="second">资产信息
              <div class="l-right">
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*开户行：" prop="bankName">
                      <span>{{formInline.bankName}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*银行代码：" prop="bankCode">
                    <span>{{formInline.bankCode}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*银行账户：" prop="bankAccount">
                    <span>{{formInline.bankAccount}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*银行户主：" prop="bankAccountOwner">
                      <span>{{formInline.bankAccountOwner}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                    <el-form-item label="*开户行证明：" prop="bankFile">
                          附件下载
                    </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*固定资产：" prop="assets">
                      <span>{{formInline.assets}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*流动资金(万元)：" prop="cashFlow">
                    <span>{{formInline.cashFlow}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*增值税发票税种：" prop="taxCategories">
                        <span>{{formInline.taxCategories}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                  <el-form-item label="*发票最大额度(万元)：" prop="invoiceQuota">
                    <span>{{formInline.invoiceQuota}}</span>
                  </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*资产负债表：" prop="name">
                        附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*利润表：" prop="name">
                        附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="*现金流量表：" prop="name">
                        附件下载
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
              </div>
              <div class="line"></div>
              <h3>近三年财务状况</h3>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>年度</th>
                    <th>资产总额</th>
                    <th>净资产</th>
                    <th>销售收入</th>
                    <th>利润率</th>
                    <th>经营性现金净流入</th>
                  </tr>
                  <tr>
                    <td>2017年</td>
                    <td><span>{{formInline.year1AssetsAmt}}</span></td>
                    <td><span>{{formInline.year1NetAssets}}</span></td>
                    <td><span>{{formInline.year1SaleAmt}}</span></td>
                    <td><span>{{formInline.year1ProfitRate}}</span></td>
                    <td><span>{{formInline.year1CashInflow}}</span></td>
                  </tr>
                  <tr>
                    <td>2016年</td>
                    <td><span>{{formInline.year2AssetsAmt}}</span></td>
                    <td><span>{{formInline.year2NetAssets}}</span></td>
                    <td><span>{{formInline.year2SaleAmt}}</span></td>
                    <td><span>{{formInline.year2ProfitRate}}</span></td>
                    <td><span>{{formInline.year2CashInflow}}</span></td>
                  </tr>
                  <tr>
                    <td>2015年</td>
                    <td><span>{{formInline.year3AssetsAmt}}</span></td>
                    <td><span>{{formInline.year3NetAssets}}</span></td>
                    <td><span>{{formInline.year3SaleAmt}}</span></td>
                    <td><span>{{formInline.year3ProfitRate}}</span></td>
                    <td><span>{{formInline.year3CashInflow}}</span></td>
                  </tr>
                </table>

            </el-tab-pane>
            <el-tab-pane label="人员情况" name="third">
                <h3>人员情况</h3>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>职务</th>
                    <th>姓名</th>
                    <th>邮箱</th>
                    <th>联系电话</th>
                  </tr>
                  <tr>
                    <td>*总经理</td>
                    <td><el-input style="display:none" v-model="formInline.positionSerialNo"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount1"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount2"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount3"></el-input></td>
                  </tr>
                  <tr>
                    <td>*销售负责人</td>
                    <td><el-input style="display:none" v-model="formInline.positionSerialNo"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount4"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount5"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount6"></el-input></td>
                  </tr>
                  <tr>
                    <td>*质量负责人</td>
                    <td><el-input style="display:none" v-model="formInline.positionSerialNo"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount7"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount8"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount9"></el-input></td>
                  </tr>
                  <tr>
                    <td>技术负责人</td>
                    <td><el-input style="display:none" v-model="formInline.positionSerialNo"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount10"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount11"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount12"></el-input></td>
                  </tr>
                  <tr>
                    <td>采购负责人</td>
                    <td><el-input style="display:none" v-model="formInline.positionSerialNo"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount14"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount14"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount15"></el-input></td>
                  </tr>
                  <tr>
                    <td>生产负责人</td>
                    <td><el-input style="display:none" v-model="formInline.staffAmount16"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount17"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount14"></el-input></td>
                    <td><el-input v-model="formInline.staffAmount18"></el-input></td>
                  </tr>
                </table>
                <div class="line"></div>
                <h3>员工情况</h3>
                <div class="l-right">
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="员工总人数*：" prop="staffAmount">
                          <span>{{formInline.staffAmount}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="本科以上人数*：" prop="undergraduateAmount">
                        <span>{{formInline.undergraduateAmount}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="大专以上人数*：" prop="colledgeAmount">
                        <span>{{formInline.colledgeAmount}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="管理人员*：" prop="managementAmount">
                          <span>{{formInline.managementAmount}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="工程技术人员*：" prop="technicanAmount">
                        <span>{{formInline.technicanAmount}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                  <el-col :span="8">
                    <div class="grid-content">
                      <el-form-item label="质量人员*：" prop="qualiticanAmont">
                        <span>{{formInline.qualiticanAmont}}</span>
                      </el-form-item>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-tab-pane>

            <el-tab-pane label="产品情况" name="fourth">
              <div style="margin-bottom:20px">
                <h3>*新增</h3>
                <el-button type="text" @click="dialogFormVisible = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th style="display:none"></th>
                    <th>操作</th>
                    <th>产品名称</th>
                    <th>产品主要技术参数</th>
                    <th>产品介绍</th>
                    <th>图片</th>
                    <th>年平均销售额(万元)</th>
                    <th>天供货能力</th>
                    <th>年供货能力</th>
                    <th>产品一次性合格率</th>
                  </tr>
                  <tr v-for="(item,index) in dataTable">
                    <td style="display:none">{{index}}</td>
                    <td>
                      <el-button type="danger" @click="del(index)">删除</el-button>
                    </td>
                 
                  </tr>
                </table>
                
              </div>
              <div style="margin-bottom:20px">
                <h3>专利</h3>
                <el-button type="text" @click="dialogFormVisible1 = true">新增</el-button> &nbsp;&nbsp;&nbsp;说明：专利为非必填项
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th style="display:none"></th>
                    <th>操作</th>
                    <th>专利名称</th>
                    <th>专利编号</th>
                    <th>附件</th>
                  </tr>
                  <tr v-for="(item,index1) in dataTable1">
                    <td style="display:none">{{index1}}</td>
                    <td>
                      <el-button type="danger" @click="del1(index1)">删除</el-button>
                    </td>
                    <td>{{item.patentName}}</td>
                    <td>{{item.patentCode}}</td>
                    <td>图片</td>
                  </tr>
                </table>
              </div>
            </el-tab-pane>

            <el-tab-pane label="开发能力" name="fifth">
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible2 = true">新增</el-button> &nbsp;&nbsp;&nbsp;说明：开发能力为非必填项
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th style="display:none"></th>
                    <th>操作</th>
                    <th>同步开发产品名称</th>
                    <th>设计开发周期</th>
                    <th>开发费用</th>
                    <th>备注（开发实绩及大体情况）</th>
                  </tr>
                  <tr v-for="(item,index2) in dataTable2">
                    <td style="display:none">{{index2}}</td>
                    <td>
                      <el-button type="danger" @click="del2(index2)">删除</el-button>
                    </td>
                    <td>{{item.partsName}}</td>
                    <td>{{item.designCycle}}</td>
                    <td>{{item.designCost}}</td>
                    <td>{{item.notes}}</td>

                  </tr>
                </table>
              </div>
            </el-tab-pane>

            <el-tab-pane label="业绩客户" name="sixth">业绩客户
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible3 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>产品名称</th>
                    <th>客户名称</th>
                    <th>供货年份</th>
                    <th>供货金额（万元）</th>
                    <th>占该客户比例</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index3) in dataTable3">
                    <td>
                      <el-button type="danger" @click="del3(index3)">删除</el-button>
                    </td>
                    <td>{{item.productName}}</td>
                    <td>{{item.customerName}}</td>
                    <td>{{item.supplyPeriod}}</td>
                    <td>{{item.supplyMoney}}</td>
                    <td>{{item.supplyRatio}}</td>
                    <td>{{item.remarks}}</td>

                  </tr>
                </table>
                
              </div>
            </el-tab-pane>

            <el-tab-pane label="生产检测设备" name="seventh">生产检测设备
              <div style="margin-bottom:20px">
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>主要生产设备名称</th>
                    <th>规格</th>
                    <th>数量</th>
                    <th>产地</th>
                    <th>购买时间</th>
                    <th>生产哪类产品</th>
                    <th>产能(日)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index4) in dataTable4">
                    <td>
                      <el-button type="danger" @click="del4(index4)">删除</el-button>
                    </td>
                    <td>{{item.equimentName}}</td>
                    <td>{{item.spec}}</td>
                    <td>{{item.count}}</td>
                    <td>{{item.origin}}</td>
                    <td>{{item.buyDate}}</td>
                    <td>{{item.useTarget}}</td>
                    <td>{{item.capacitydaily}}</td>
                    <td>{{item.remarks}}</td>
                  </tr>
                </table>
              </div>
              <div style="margin-bottom:20px">
                <h3>检测设备</h3>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>设备（仪器）名称</th>
                    <th>规格</th>
                    <th>数量</th>
                    <th>产地</th>
                    <th>购买时间</th>
                    <th>生产哪类产品</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index5) in dataTable5">
                    <td>
                      <el-button type="danger" @click="del5(index5)">删除</el-button>
                    </td>
                    <td>{{item.equimentName}}</td>
                    <td>{{item.spec}}</td>
                    <td>{{item.count}}</td>
                    <td>{{item.origin}}</td>
                    <td>{{item.buyDate}}</td>
                    <td>{{item.useTarget}}</td>
                    <td>{{item.remarks}}</td>
                  </tr>
                </table>
              </div>
            </el-tab-pane>

            <el-tab-pane label="生产环境情况" name="eighth">生产环境情况</el-tab-pane>
            <el-tab-pane label="资质附件" name="ninth">企业资质
              <div style="margin-bottom:20px">
                <el-button type="text" @click="dialogFormVisible6 = true">新增</el-button>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>资质名称(*)</th>
                    <th>资质编号(*)</th>
                    <th>颁发机构</th>
                    <th>认证日期(*)</th>
                    <th>失效日期(*)</th>
                    <th>附件(*)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index6) in dataTable6">
                    <td>
                      <el-button type="danger" @click="del6(index6)">删除</el-button>
                    </td>
                    <td>{{item.aptitudesName}}</td>
                    <td>{{item.aptitudesNo}}</td>
                    <td>{{item.issueOrg}}</td>
                    <td>{{item.beginDate}}</td>
                    <td>{{item.endDate}}</td>
                    <td></td>
                    <td>{{item.notes}}</td>
                  </tr>
                </table>
              </div>
              <div style="margin-bottom:20px">
                <h3>产品资质</h3>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">
                  <tr>
                    <th>操作</th>
                    <th>产品名称</th>
                    <th>资质名称(*)</th>
                    <th>资质编号(*)</th>
                    <th>颁发机构</th>
                    <th>认证日期(*)</th>
                    <th>失效日期(*)</th>
                    <th>附件(*)</th>
                    <th>备注</th>
                  </tr>
                  <tr v-for="(item,index7) in dataTable7">
                    <td>
                      <el-button type="danger" @click="del7(index7)">删除</el-button>
                    </td>
                    <td>{{item.productName}}</td>
                    <td>{{item.aptitudesName}}</td>
                    <td>{{item.aptitudesNo}}</td>
                    <td>{{item.issueOrg}}</td>
                    <td>{{item.beginDate}}</td>
                    <td>{{item.endDate}}</td>
                    <td></td>
                    <td>{{item.notes}}</td>
                  </tr>
                </table>
              </div>
            </el-tab-pane>
        </el-tabs>
        </div>
      </el-form>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        fileList:[],
        activeName: 'first',
        radio: '1',
        nowIndex:-100,
        
        dataTable:[],
        dataTable1:[],
        dataTable2:[],
        dataTable3:[],
        dataTable4:[],
        dataTable5:[],
        dataTable6:[],
        dataTable7:[],
        dialogFormVisible: false,
        dialogFormVisible1: false,
        dialogFormVisible2: false,
        dialogFormVisible3: false,
        dialogFormVisible4: false,
        dialogFormVisible5: false,
        dialogFormVisible6: false,
        dialogFormVisible7: false,
        formLabelWidth: '166px',

        formInline: {

        }
      }
    },
   
    methods: {
      mounted() {
        this.formInlinef();
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      formInlinef(){
        axios.post(this.lib.config.host.vendorMgt + "/vendormgt/vsp/registvendor/queryById/1484")
        .then((response)=> {
          debugger;
          console.log(response);
          this.formInline = response.data.vendorInfo;
        })
        .catch((error)=> {
          console.log(error);
        });
      },        
    }
  }
</script>
<style scoped>
table{
    vertical-align: middle;
    text-align: center;
}
</style>
